<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="index/common/head(null)"></head>
<body>
<div th:replace="index/common/top_header">
</div>
<div class="container" style="margin-top:15px">
    <div class="tool-tags" style="margin:15px 0"><i class="icon ion-md-apps"></i> 常用导航</div>
    <div class="row text-center">
        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-11"><i class="iconfont icon-dingding"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">钉钉后台</div>
            <div class="text-left text-color-height">数字化新工作平台，让工作更简单</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-48"><i class="iconfont icon-liepin"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">猎聘</div>
            <div class="text-left text-color-height">中高端求职招聘网站</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-40"><i class="iconfont icon-zhaopin"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">智联招聘</div>
            <div class="text-left text-color-height">上智联，勇往“值钱”</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-31"><i class="iconfont icon-qianchengwuyouFDC"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">前程无忧</div>
            <div class="text-left text-color-height">好工作尽在全程无忧</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-32"><i class="iconfont icon-BOSS"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">BOSS直聘</div>
            <div class="text-left text-color-height">找工作，我要和老板谈</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-33"><i class="iconfont icon-581193365easyiconnet"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">58同城</div>
            <div class="text-left text-color-height">一个神奇的网站</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-34"><i class="iconfont icon-jingdong-"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">京东</div>
            <div class="text-left text-color-height">多快好省，只为品质生活</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-35"><i class="iconfont icon-icon-test1"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">1688</div>
            <div class="text-left text-color-height">阿里巴巴采购批发网</div>
        </div>
    </div>

    <div class="tool-tags" style="margin:15px 0"> <i class="icon ion-md-apps"></i> 创意工具</div>
    <div class="row text-center">
        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-1"><i class="iconfont icon-zhanweitu"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">占位图</div>
            <div class="text-left text-color-height">解决开发时设计没有素材的问题</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-2"><i class="iconfont icon-qushuiyin"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">在线一键抠图</div>
            <div class="text-left text-color-height">Remove Background from Image-remove.bg</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-3"><i class="iconfont icon-jianbianloading"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">uigradients</div>
            <div class="text-left text-color-height">色彩渐变配色网站，生而美丽的网站</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-4"><i class="iconfont icon-user"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">阿里图标</div>
            <div class="text-left text-color-height">Iconfont-阿里巴巴矢量图标库</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-5"><i class="iconfont icon-xiongmao"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">easyicon精美图标</div>
            <div class="text-left text-color-height">搜索607,501个精美图标</div>
        </div>

    </div>
    <div class="tool-tags" style="margin:15px 0"> <i class="icon ion-md-apps"></i> 头脑风暴</div>
    <div class="row text-center">
        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-6"><i class="iconfont icon-xmind"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">XMind</div>
            <div class="text-left text-color-height">高颜值思维导图</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-7"><i class="iconfont icon-On"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">ProcessOn</div>
            <div class="text-left text-color-height">ProcessOn 支持流程图、思维导图、组织结构图等</div>
        </div>
    </div>
    <div class="tool-tags" style="margin:15px 0"> <i class="icon ion-md-apps"></i> 视频剪辑</div>
    <div class="row text-center">
        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-8"><i class="iconfont icon-shiting-huishenghuiying"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">会声会影</div>
            <div class="text-left text-color-height">功能强大的视频编辑软件</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-9"><i class="iconfont icon-premiere"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">Premiere</div>
            <div class="text-left text-color-height">一款常用、专业的视频编辑软件</div>
        </div>

        <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
            <a href="#" target="_blank">
                <div class="tool-li-li li-bgc-10"><i class="iconfont icon-ae"></i></div>
            </a>
            <div class="text-left" style="margin-top:10px">After effects</div>
            <div class="text-left text-color-height">功能强大的视频编辑软件</div>
        </div>
    </div>
</div>
<div th:replace="index/common/bottom_footer"></div>

<a href="#" class="scroll-top"></a>

<script th:replace="index/common/base_script"></script>
</body>
</html>